<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜</title>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/index.js"></script>
    <link rel="stylesheet" href="../icon/demo.css">
    <link rel="stylesheet" href="../icon/iconfont.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../swiper/swiper-bundle.min.css">
    <script src="../swiper/swiper-bundle.min.js"></script>
    <style>
        html,
        body {
          position: relative;
          height: 100%;
        }
  
        body {
          background: #eee;
          font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
          font-size: 14px;
          color: #000;
          margin: 0;
          padding: 0;
        }
  
        .swiper {
          width: 100%;
          height: 100%;
        }
  
        .swiper-slide {
          text-align: center;
          font-size: 18px;
          background: #fff;
  
          /* Center slide text vertically */
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
        }
  
        .swiper-slide img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      </style>
</head>

<body>
    <!-- 头部 -->
    <div class="head"></div>


    <!-- 购物车，楼层 -->
    <div class="floor">
        <span class="cart">商品共<a href="#">0</a>件</span>
        <span class="xin">新鲜好物</span>
        <span class="ren">人气推荐</span>
        <span class="re">热门品牌</span>
        <span class="ju">居家</span>
        <span class="mei">美食</span>
        <span class="fu">服饰</span>
        <span class="mu">母婴</span>
        <span class="zui">最新专题</span>
        <span class="top_">回到顶部</span>
    </div>


    <!-- 主体 -->
    <div id="main">
        <!-- 导航 -->
        <nav>
            <div class="banner">
                <a href="http://localhost/xiao_tu_xian/html/1-index.html">
                    <div class="left">
                        <img src="../img/logo.jpg" alt="">
                    </div>
                </a>
                <div class="center">
                    <a href="#">
                        <div>首页</div>
                    </a>
                    <a href="#">
                        <div>居家</div>
                    </a>
                    <a href="#">
                        <div>美食</div>
                    </a>
                    <a href="#">
                        <div>服饰</div>
                    </a>
                    <a href="#">
                        <div>母婴</div>
                    </a>
                    <a href="#">
                        <div>个护</div>
                    </a>
                    <a href="#">
                        <div>严选</div>
                    </a>
                    <a href="#">
                        <div>数码</div>
                    </a>
                    <a href="#">
                        <div>运动</div>
                    </a>
                    <a href="#">
                        <div>杂项</div>
                    </a>
                </div>
                <div class="right">
                    <div class="first">
                        <i class="iconfont icon-fangdajing"></i>
                        <input type="text" placeholder="搜一搜">
                    </div>
                    <a href="../html/7-cart.html">
                        <div class="last">
                            <i class="iconfont icon-gouwuche"></i>
                            <div class="number">0</div>
                        </div>
                    </a>
                </div>
            </div>
        </nav>

        <!-- 轮播 -->
        <div class="lun_bo">
            
            <!-- 轮播左边导航 -->
            <div class="lun_bo_nav">
                <div class="left_nav">
                    <div>
                        <a href="#" class="big">居家</a>
                        <a href="#" class="small">居家生活用品</a>
                        <a href="#" class="small">收纳</a>
                    </div>
                    <div>
                        <a href="#" class="big">美食</a>
                        <a href="#" class="small">南北干货</a>
                        <a href="#" class="small">调味酱菜</a>
                    </div>
                    <div>
                        <a href="#" class="big">服饰</a>
                        <a href="#" class="small">钱包/胸包</a>
                        <a href="#" class="small">女式靴子</a>
                    </div>
                    <div>
                        <a href="#" class="big">母婴</a>
                        <a href="#" class="small">T恤/polo/衬衫</a>
                        <a href="#" class="small">儿童鞋</a>
                    </div>
                    <div>
                        <a href="#" class="big">个护</a>
                        <a href="#" class="small">家庭清洁</a>
                        <a href="#" class="small">浴室用品</a>
                    </div>
                    <div>
                        <a href="#" class="big">严选</a>
                        <a href="#" class="small">滋补保健</a>
                        <a href="#" class="small">床品家纺</a>
                    </div>
                    <div>
                        <a href="#" class="big">数码</a>
                        <a href="#" class="small">影音娱乐</a>
                        <a href="#" class="small">3C数码</a>
                    </div>
                    <div>
                        <a href="#" class="big">运动</a>
                        <a href="#" class="small">健身大器械</a>
                        <a href="#" class="small">健身小器械</a>
                    </div>
                    <div>
                        <a href="#" class="big">杂项</a>
                        <a href="#" class="small">家庭清洁杂项</a>
                    </div>
                    <div>
                        <a href="#" class="big">品牌</a>
                        <a href="#" class="small">品牌推荐</a>
                    </div>
                </div>
                <!-- 轮播左边导航详情 -->
                <div id="right_des">
                    <div class="right_des" id="right_des1">
                        <div id="details">
                            <div class="des">
                                <span class="big">分类推荐1</span>
                                <span class="small">根据您的购买或浏览记录推荐</span>
                            </div>
                            <div class="fenlei">
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐1.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>49.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐2.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>599.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐3.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>159.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐4.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>35.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐5.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>149.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐6.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>79.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐7.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>49.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐8.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>99.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐9.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>109.00</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="right_des" id="right_des2">
                        <div id="details">
                            <div class="des">
                                <span class="big">分类推荐2</span>
                                <span class="small">根据您的购买或浏览记录推荐</span>
                            </div>
                            <div class="fenlei">
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐21.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐22.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐23.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>19.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐24.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>19.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐25.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐26.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>19.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐27.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>19.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐28.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>19.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐29.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>79.00</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="right_des" id="right_des3">
                        <div id="details">
                            <div class="des">
                                <span class="big">分类推荐3</span>
                                <span class="small">根据您的购买或浏览记录推荐</span>
                            </div>
                            <div class="fenlei">
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐31.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>589.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐32.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>559.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐33.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>79.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐34.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>125.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐35.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>119.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐36.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>40.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐37.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>83.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐38.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>159.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐39.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>659.00</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="right_des" id="right_des4">
                        <div id="details">
                            <div class="des">
                                <span class="big">分类推荐4</span>
                                <span class="small">根据您的购买或浏览记录推荐</span>
                            </div>
                            <div class="fenlei">
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐41.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>259.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐42.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>239.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐43.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>139.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐44.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>129.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐45.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>109.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐46.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>119.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐47.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>109.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐48.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>109.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐49.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>62.00</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="right_des" id="right_des5">
                        <div id="details">
                            <div class="des">
                                <span class="big">分类推荐5</span>
                                <span class="small">根据您的购买或浏览记录推荐</span>
                            </div>
                            <div class="fenlei">
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐51.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>18.50</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐52.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>7.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐53.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>139.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐54.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>16.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐55.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>16.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐56.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>129.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐57.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>31.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐58.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>15.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐59.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.90</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="right_des" id="right_des6">
                        <div id="details">
                            <div class="des">
                                <span class="big">分类推荐6</span>
                                <span class="small">根据您的购买或浏览记录推荐</span>
                            </div>
                            <div class="fenlei">
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐61.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>1599.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐62.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>69.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐63.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>26.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐64.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>35.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐65.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>39.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐66.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>8.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐67.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>17.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐68.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>67.50</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐69.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>29.80</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="right_des" id="right_des7">
                        <div id="details">
                            <div class="des">
                                <span class="big">分类推荐7</span>
                                <span class="small">根据您的购买或浏览记录推荐</span>
                            </div>
                            <div class="fenlei">
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐71.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>13.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐72.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>328.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐73.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>158.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐74.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>398.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐75.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>89.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐76.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>88.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐77.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐78.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>33.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐79.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>49.00</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="right_des" id="right_des8">
                        <div id="details">
                            <div class="des">
                                <span class="big">分类推荐8</span>
                                <span class="small">根据您的购买或浏览记录推荐</span>
                            </div>
                            <div class="fenlei">
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐81.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>439.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐82.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>135.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐83.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>35.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐84.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>40.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐85.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>69.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐86.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>44.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐87.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>44.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐88.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>69.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐89.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>169.00</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="right_des" id="right_des9">
                        <div id="details">
                            <div class="des">
                                <span class="big">分类推荐9</span>
                                <span class="small">根据您的购买或浏览记录推荐</span>
                            </div>
                            <div class="fenlei">
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐101.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>14.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐102.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>8.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐103.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>8.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐104.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>7.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐105.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐106.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>89.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐107.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.50</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐108.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.50</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐109.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.50</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="right_des" id="right_des10">
                        <div id="details">
                            <div class="des">
                                <span class="big">分类推荐10</span>
                                <span class="small">根据您的购买或浏览记录推荐</span>
                            </div>
                            <div class="fenlei">
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐101.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>14.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐102.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>8.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐103.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>8.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐104.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>7.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐105.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.90</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐106.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>89.00</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐107.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.50</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐108.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.50</p>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="fenlei_details">
                                        <div class="pic">
                                            <img src="../img/分类推荐109.jpg" alt="">
                                        </div>
                                        <div class="wen_zi">
                                            <h3>标题</h3>
                                            <p class="desc">详情</p>
                                            <p class="price"><span>￥</span>9.50</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 轮播图片 -->
            <div class="lun_bo_pic">
                <!-- Swiper -->
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="../img/轮播1.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="../img/轮播2.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="../img/轮播3.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="../img/轮播4.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="../img/轮播5.jpg" alt=""></div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        

        <!-- 下面详情 -->
        <div class="bg">
            <!-- 新鲜好物 -->
            <div class="xin_xian_hao_wu">
                <h1>新鲜好物</h1>
                <span class="xin_xian">新鲜出炉，品质靠谱</span>
                <a href="#" class="cha_kan">
                    <span>查看全部</span>
                    <span>></span>
                </a>
                <div class="tu_pian">
                    <!-- <div>
                        <a href="#">
                            <img src="" alt="">
                        </a>
                        <h1>000000000</h1>
                        <p>0000000000</p>
                        <button>加入购物车</button>
                    </div> -->
                </div>
            </div>
            <!-- 人气推荐 -->
            <div class="ren_qi_tui_jian">
                <h1>人气推荐</h1>
                <span class="ren_qi">人气爆款，不容错过</span>
                <div class="tu_pian">
                    <!-- <div>
                        <a href="#">
                            <img src="" alt="">
                        </a>
                        <h1>000000000</h1>
                        <p>0000000000</p>
                        <button>加入购物车</button>
                    </div> -->
                </div>
            </div>
            <!-- 热门品牌 -->
            <div class="bg2">
                <div class="re_men_pin_pai">
                    <h1>热门品牌</h1>
                    <span>国际经典 品质保证</span>
                    <div class="pages_left"><</div>
                    <div class="pages_right">></div>
                            <div class="pic">
                                <div class="pic_des">
                                    <div class="pin_hot1">
                                        <a href="#" class="firet">
                                            <img src="../img/热门品牌1.jpg" alt="">
                                        </a>
                                        <a href="#">
                                            <img src="../img/热门品牌2.jpg" alt="">
                                        </a>
                                        <a href="#">
                                            <img src="../img/热门品牌3.jpg" alt="">
                                        </a>
                                        <a href="#">
                                            <img src="../img/热门品牌4.jpg" alt="">
                                        </a>
                                        <a href="#">
                                            <img src="../img/热门品牌5.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="pin_hot2">
                                        <a href="#" class="firet">
                                            <img src="../img/热门品牌6.jpg" alt="">
                                        </a>
                                        <a href="#">
                                            <img src="../img/热门品牌7.jpg" alt="">
                                        </a>
                                        <a href="#">
                                            <img src="../img/热门品牌8.jpg" alt="">
                                        </a>
                                        <a href="#">
                                            <img src="../img/热门品牌9.jpg" alt="">
                                        </a>
                                        <a href="#">
                                            <img src="../img/热门品牌10.jpg" alt="">
                                        </a>
                                        </a>
                                    </div>
                                </div>
                            </div>
                    </div>

                </div>
            </div>
            <!-- 居家 -->
            <div class="bg3">
                <div class="ju_jia">
                    <h1>居家</h1>
                    <ul>
                        <li>居家生活用品</li>
                        <li>收纳</li>
                        <li>宠物食品</li>
                        <li>艺术藏品</li>
                        <li>宠物用品</li>
                        <li>家庭医疗</li>
                        <li>中医保健</li>
                    </ul>
                    <span>查看全部></span>
                    <div class="pic">
                        <a href="#">
                            <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/home_goods_cover.jpg" alt="">
                        </a>
                    </div>
                    <div class="pic_desc">
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/居家_small.jpg" alt="">
                            </a>
                            <h4>MFI认证苹果快充数据线</h4>
                            <p class="des_p">网易智造苹果快充数据线（1米升级加固版）</p>
                            <p class="price">￥49.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/居家_small.jpg" alt="">
                            </a>
                            <h4>MFI认证苹果快充数据线</h4>
                            <p class="des_p">网易智造苹果快充数据线（1米升级加固版）</p>
                            <p class="price">￥49.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/居家_small.jpg" alt="">
                            </a>
                            <h4>MFI认证苹果快充数据线</h4>
                            <p class="des_p">网易智造苹果快充数据线（1米升级加固版）</p>
                            <p class="price">￥49.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/居家_small.jpg" alt="">
                            </a>
                            <h4>MFI认证苹果快充数据线</h4>
                            <p class="des_p">网易智造苹果快充数据线（1米升级加固版）</p>
                            <p class="price">￥49.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/居家_small.jpg" alt="">
                            </a>
                            <h4>MFI认证苹果快充数据线</h4>
                            <p class="des_p">网易智造苹果快充数据线（1米升级加固版）</p>
                            <p class="price">￥49.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/居家_small.jpg" alt="">
                            </a>
                            <h4>MFI认证苹果快充数据线</h4>
                            <p class="des_p">网易智造苹果快充数据线（1米升级加固版）</p>
                            <p class="price">￥49.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/居家_small.jpg" alt="">
                            </a>
                            <h4>MFI认证苹果快充数据线</h4>
                            <p class="des_p">网易智造苹果快充数据线（1米升级加固版）</p>
                            <p class="price">￥49.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/居家_small.jpg" alt="">
                            </a>
                            <h4>MFI认证苹果快充数据线</h4>
                            <p class="des_p">网易智造苹果快充数据线（1米升级加固版）</p>
                            <p class="price">￥49.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
            <!-- 美食 -->
            <div class="bg3">
                <div class="mei_shi">
                    <h1>美食</h1>
                    <ul>
                        <li>南北干货</li>
                        <li>调味酱菜</li>
                        <li>方便食品</li>
                        <li>米面粮油</li>
                        <li>名酒馆</li>
                        <li>进口酒</li>
                    </ul>
                    <span>查看全部></span>
                    <div class="pic">
                        <a href="#">
                            <img src="../img/美食_big.jpg" alt="">
                        </a>
                    </div>
                    <div class="pic_desc">
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 服饰 -->
            <div class="bg3">
                <div class="fu_shi">
                    <h1>服饰</h1>
                    <ul>
                        <li>钱包/胸包</li>
                        <li>女式靴子</li>
                        <li>女式休闲鞋</li>
                        <li>女式运动鞋</li>
                        <li>11.11购物狂欢</li>
                        <li>【年末狂欢季】</li>
                    </ul>
                    <span>查看全部></span>
                    <div class="pic">
                        <a href="#">
                            <img src="https://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_cover.jpg" alt="">
                        </a>
                    </div>
                    <div class="pic_desc">
                        <div>
                            <a href="#" class="pic_a">
                                <img src="https://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_2.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="https://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_4.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="https://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_3.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="https://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_1.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="https://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_2.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="https://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_1.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="https://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_1.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="https://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_2.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 母婴 -->
            <div class="bg3">
                <div class="mu_ying">
                    <h1>母婴</h1>
                    <ul>
                        <li>T恤/polo/衬衫</li>
                        <li>儿童鞋</li>
                        <li>外套/套装</li>
                        <li>裤子/裙装</li>
                        <li>连体衣/礼盒</li>
                        <li>学步鞋</li>
                    </ul>
                    <span>查看全部></span>
                    <div class="pic">
                        <a href="#">
                            <img src="https://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/home_goods_cover.jpg" alt="">
                        </a>
                    </div>
                    <div class="pic_desc">
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                        <div>
                            <a href="#" class="pic_a">
                                <img src="../img/美食_small.jpg" alt="">
                            </a>
                            <h4>川味牛肉辣椒酱190克</h4>
                            <p class="des_p">辣香麻爽，地道川渝风味</p>
                            <p class="price">¥38.00</p>
                            <button>加入购物车</button>
                            <div class="mask">
                                <a href="#" class="find_a1">找相似</a>
                                <a href="#" class="find_a2">发现更多宝贝></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 最新专题 -->
            <div class="bg2">
                <div class="zui_xin_zhuan_ti">
                    <h1>最新专题</h1>
                    <span class="find">查看全部></span>
                    <div class="new_pic">
                        <div class="new_pic_pic1">
                            <div class="new_pic_pic1_top">
                                <span class="a_p1">清爽醒肤不紧绷 男士泡沫洗面奶 150ml</span>
                                <span class="a_p2">代使用</span>
                                <span class="a_price">¥59起</span>
                            </div>
                            <div class="new_pic_pic1_bottom">
                                <img src="../img/最新专题1.jpg" alt="">
                            </div>
                        </div>
                        <div class="new_pic_pic2">
                            <div class="new_pic_pic2_top">
                                <span class="a_p1">立地蒸汽挂烫机，精烫塑形，有板无皱</span>
                                <span class="a_p2">很满意</span>
                                <span class="a_price">¥349起</span>
                            </div>
                            <div class="new_pic_pic2_bottom">
                                <img src="../img/最新专题2.jpg" alt="">
                            </div>
                        </div>
                        <div class="new_pic_pic3">
                            <div class="new_pic_pic3_top">
                                <span class="a_p1">鎏光金棕水润光泽气垫 13g*2 买一送替换装</span>
                                <span class="a_p2">夸爆它，说不输大牌太笼统吧，就是真的像它的名字，自带水光的感觉，而且因为有孔，每次取粉量比较少，上脸后就很容易贴合超级细腻，刘亦菲们，省钱买到的好东西就是它了</span>
                                <span class="a_price">¥129起</span>
                            </div>
                            <div class="new_pic_pic3_bottom">
                                <img src="../img/最新专题3.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- 尾部 -->
        <div class="foot"></div>

        <script src="../js/ajax.js"></script>
        <script src="../js/index2.js"></script>
        <script>
            var swiper = new Swiper(".mySwiper", {
              spaceBetween: 30,
              centeredSlides: true,
              autoplay: {
                delay: 2500,
                disableOnInteraction: false,
              },
              pagination: {
                el: ".swiper-pagination",
                clickable: true,
              },
              navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
              },
            });
        </script>
</body>

</html>